import {$} from '../js/library/jquery.js';
import {cookie} from '../js/library/cookie.js';
import {querystring} from '../js/library/qs.js';

// 手机号输入框聚焦、失焦事件
$('.input-pho').on('focus',function(){
    $('.pho').css('border', '1px solid #007dff');
})
$('.input-pho').on('blur',function(){
    $('.pho').css('border', '1px solid transparent');
})

// 密码显示与隐藏
// 密码
$('.mm').on('click','.icon-bukejian1',function(){
    if($('.mima1').val() != ''){
        $(this).css('display','none');
        $('.icon-kejian1').css('display','block');
        $('.mima1').attr('type','text');
    }
})
$('.mm').on('click','.icon-kejian1',function(){
    $(this).css('display','none');
    $('.icon-bukejian1').css('display','block');
    $('.mima1').attr('type','password');
})
// 确认密码
$('.mm').on('click','.icon-bukejian2',function(){
    if($('.mima2').val() != ''){
        $(this).css('display','none');
        $('.icon-kejian2').css('display','block');
        $('.mima2').attr('type','text');
    }
})
$('.mm').on('click','.icon-kejian2',function(){
    $(this).css('display','none');
    $('.icon-bukejian2').css('display','block');
    $('.mima2').attr('type','password');
})

// 注册按钮开放与禁用
$('.mima2').on('input',function(){
    if($('.input-pho').val() != "" && $('.ma').val() != "" && $('.mima1').val() != "" && $('.mima2').val() != ""){
        $('.submit').removeAttr('disabled').css('opacity',1);
    }else{
        $('.submit').attr('disabled','disabled').css('opacity',0.3);
    }
})

// 手机号验证
let reg1 = /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))\d{8}$/;
$('.input-pho').on('blur',function(){
    let res1 = reg1.test($(this).val());
    if(!res1){
        $('.err5').css('display','block');
        $('.pho').css('border','1px solid #ca141d');
    }else{
        $('.err5').css('display','none');
        $('.pho').css('border','none');
    }
})
// 手机号输完后 '发送验证码'亮
$('.input-pho').on('input',function(){
    let res1 = reg1.test($(this).val());
    if(res1){
        $('.yanzheng>span').css('opacity',1);
    }else{
        $('.yanzheng>span').css('opacity',0.3);
    }
})

// 密码验证
let reg2 = /^.{8,}$/;
let reg3 = /(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]/;
$('.mima1').on('input',function(){
    let res2 = reg2.test($(this).val());
    let res3 = reg3.test($(this).val());
    // 密码输入 提示出现
    $('.tishi').css('display','block');;
    // 判断
    if(res3 && res2){
        $('.p2-fir').css('color','green');
        $('.p2-last').css('color','green');
        $('.ts-p3').css('border-top','2px solid green');
    }else if(res2 == true && res3 == false){
        $('.p2-fir').css('color','green');
        $('.p2-last').css('color','#ddd');
        $('.ts-p3').css('border-top','2px solid #ddd');
    }else if(res3 == true && res2 == false){
        $('.p2-fir').css('color','#ddd');
        $('.p2-last').css('color','green');
        $('.ts-p3').css('border-top','2px solid #ddd');
    }else{
        $('.p2-fir').css('color','#ddd');
        $('.p2-last').css('color','#ddd');
        $('.ts-p3').css('border-top','2px solid #ddd');
    }
    
})
// 密码框失去焦点，出现错误
$('.mima1').on('blur',function(){
    let res2 = reg2.test($(this).val());
    let res3 = reg3.test($(this).val());

    $('.tishi').css('display','none');
    
    if(res3 && res2){
        $(this).css('border','1px solid transparent');
        $('.err2').css('display','none');
        $('.err1').css('display','none');
    }else if(res2 == true && res3 == false){
        $('.err2').css('display','block');
        $('.err1').css('display','none');
        $(this).css('border','1px solid #ca141d');
    }else if(res3 == true && res2 == false){
        $('.err1').css('display','block');
        $('.err2').css('display','none');
        $(this).css('border','1px solid #ca141d');
    }else{
        $('.err1').css('display','block');
        $('.err2').css('display','none');
        $(this).css('border','1px solid #ca141d');
    }
})

// 确认密码验证
$('.mima2').on('blur',function(){
    let v1 = $('.mima1').val();
    let v2 = $('.mima2').val();
    if(v1 != v2){
        // 两次密码不一样
        $('.err3').css('display','block');
        $(this).css('border','1px solid #ca141d');
        // 注册按钮不能点击
        $('.submit').attr('disabled','disabled');
        $('.reg').css('opacity',0.3);
    }else{
        $('.err3').css('display','none');
        $(this).css('border','1px solid #007dff');
        $('.reg').css('opacity',1);
        $('.submit').removeAttr('disabled');
    }
})